<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 引入 Bootstrap CSS -->
    {css href="__CSS__/bootstrap.min.css"}
    {css href="__CSS__/style.css"}

    <!-- 移动设备优先 -->
    <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">
</head>
<body>

<!--导航-->
<nav class="navbar navbar-light bg-light shadow-sm">
    <a href="#"></a>
    <div class="nav-item dropdown mr-5">
        <a class="nav-link dropdown-toggle text-secondary" href="#"
           data-toggle="dropdown">
            {:session('admin')}
        </a>
        <div class="dropdown-menu">
            <a class="dropdown-item" href="#">个人中心</a>
            <a class="dropdown-item" href="{:url('/logout')}">退出管理</a>
        </div>
    </div>
</nav>

<!--核心部分-->
<div class="container pt-5 mt-5">
    <div class="row" >
        <div class="col-3 siadebar">
            <button class="btn btn-secondary"><a href="{:url('/')}">用户管理</a></button>
            <button class="btn btn-secondary"><a href="{:url('/borrow/registration')}">借出登记</a></button>
            <button class="btn btn-secondary"><a href="{:url('/borrow')}">设备借出</a></button>
            <button class="btn btn-secondary"><a href="{:url('/auth')}">权限管理</a></button>
        </div>
        <div class="col-9 main">
            <!--搜索表单-->
            {block name="main"}{/block}
        </div>
    </div>
</div>
<!-- 引入 JS 文件 -->
{js href="__JS__/jquery-3.3.1.min.js"}
{js href="__JS__/bootstrap.bundle.min.js"}
<script type="text/javascript">
    $('.btn-delete').click(() => {
        let flag = confirm('您真的要删除这条数据吗？');
        return flag ? true : false;
    });
    $('[data-toggle="tooltip"]').tooltip();
</script>
</body>
</html>

